<%@include file="menu/util.jsp" %>
<%@page contentType="text/html; charset=iso-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <fmt:bundle basename="app">
        <head>
            <title><fmt:message key="login.title.tag" /></title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <jsp:include page="../jsp/menu/header.jsp" />
            <link type="text/css" rel="stylesheet" href="jsp/css/screen.css" />
            <script type="text/javascript">
                $(document).ready(function(){
                    $(".add").colorbox({ width:"770px", height:"398px", iframe:true});
                    $(".edit").colorbox({width:"770px", height:"398px", iframe:true});
                    $("#settings").colorbox({ width:"640px", height:"440px", iframe:true });
                });
            </script>
        </head>
        <body>
            <div class="content listview">
                <jsp:include page="../jsp/menu/headerFramework.jsp" />
                <div  id="contentContainer" class="settings box1 container_16" role="tablist">
                    <form id="listFramework" action="acordeon.do">

                        <div class="genericTableWrapper">
                            <div class="frameworkheader listheader srmheader">
                                <span style="padding-left: 20px;"><fmt:message key="forms.list.framework.title"/></span>
                                <%--<a id="addSRMTopic" href="addFramework.do" class="add"></a>--%>
                            </div>
                            <div>
                                <table style="width:100%">
                                    <thead>
                                        <tr>
                                            <th style="width:250px"><fmt:message key="forms.name" /></th>
                                            <th style="width:480px"><fmt:message key="forms.description" /></th>
                                            <th style="width:100px"><fmt:message key="forms.selected" /></th>
                                            <th><fmt:message key="forms.edit" /></th>

                                        </tr>
                                    </thead>
                                </table>
                            </div>
                                            <div class="frameworksTableWrapper" style="height:425px;">
                                <table class="framework-lx" style="width:100%; text-align: center;">
                                    <tbody>
                                        <c:forEach items="${frameworks}" var="framework">
                                            <tr>
                                                <td style="width:250px">
                                                    <a href="acordeon.do?frameworkId=${framework.idFramework}">
                                                        ${framework.name}
                                                    </a>
                                                </td>
                                                <td style="width:480px">
                                                    ${framework.description}
                                                </td>
                                                <td style="width:100px" >
                                                    <c:if test="${framework.active eq true}">
                                                        <img class="centerImage frameworkActive" src="jsp/css/img/icoActivadoColor.png" alt="Add"/>
                                                    </c:if>
                                                    <c:if test="${framework.active != true}">
                                                        <img class="centerImage" class="imgActive" src="jsp/css/img/icoDesactivadoColor.png" alt="Add"/>
                                                    </c:if>
                                                </td>
                                                <td>
                                                    <img class="edit editFramework centerImage" href="addFramework.do?type=edit&id=${framework.idFramework}" src="jsp/css/img/icoEditarColor.png" alt="See" name="edit" id="${framework.idFramework}"  />
                                                </td>
                                            </tr>
                                        </c:forEach>
                                        <tr id="insertBefore" >
                                            <td colspan="2">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                </div>
                <jsp:include page="../jsp/menu/footer.jsp" />
            </div>
        </body>
    </fmt:bundle>
</html>





